﻿<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">

  <title>Cocos Creator | <%= projectName %>
  </title>

  <!--http://www.html5rocks.com/en/mobile/mobifying/-->
  <meta name="viewport"
    content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true" />

  <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="format-detection" content="telephone=no">

  <!-- force webkit on 360 -->
  <meta name="renderer" content="webkit" />
  <meta name="force-rendering" content="webkit" />
  <!-- force edge on IE -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="msapplication-tap-highlight" content="no">

  <!-- force full screen on some browser -->
  <meta name="full-screen" content="yes" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="360-fullscreen" content="true" />

  <!--fix fireball/issues/3568 -->
  <!--<meta name="browsermode" content="application">-->
  <meta name="x5-page-mode" content="app">

  <!--<link rel="apple-touch-icon" href=".png" />-->
  <!--<link rel="apple-touch-icon-precomposed" href=".png" />-->

  <link rel="stylesheet" type="text/css" href="<%= cssUrl %>" />

</head>

<body>
  <div id="GameDiv" cc_exact_fit_screen="true">
    <div id="Cocos3dGameContainer">
      <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="99"></canvas>
      <div id="splash">
        <div class="loadingIconBG"></div>
        <div class="circleprogress"></div>
        <div class="progress">
          <div class="hull">
            <div class="section section_left">
              <div class="box box_left" id="box_left">
                <div class="circle circle_left"></div>
              </div>
            </div>
            <div class="section section_right">
              <div class="box box_right" id="box_right">
                <div class="circle circle_right"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="loadingIcon"></div>
        <div class="toastBG" id="toastDiv" style="visibility:hidden;z-index:10;">
          <p id="toast">Sorry, the game system cannot support mobile phones below Android 6.0. Please upgrade your
            mobile
            phone’s Android version to 6.0 and above.</p>
        </div>
        <div id="close_pop" class="close_pop" style="transform: rotate(0deg);visibility:hidden;z-index:10;">
          <p id="close_text" class="close_text" style="font-size: 100%;color: #333333;">
            Are you sure you quit the game?</p>
          <button id="close_yes" class="close_yes" style="font-size: 100%;"> Yes </button>
          <button id="close_no" class="close_no" style="font-size: 100%;"> Cancel </button>
        </div>
        <button id="close_btn" class="close_btn" style="transform: rotate(0deg);"></button>
      </div>
    </div>
  </div>
  <script src="./ndb.js"></script>
  <script src="./close.js"></script>
  <script src="./webglCheck.js"></script>

  <%- include(cocosTemplate, {}) %>


</body>

</html>